<template lang="html">
    <div class = container>
        <div>
           <movie-index-header></movie-index-header> 
        </div>
        <div>
            <h1>文章标题</h1>
            <div>文章的发布时间</div>
            <div class="contentText">文章的内容</div>
        </div>
        <div>
            <comment-info></comment-info>
        </div>
        <div>
            <common-foot></common-foot>
        </div>
    </div>
</template>

<script>
    import MovieIndexHeader from '../components/MovieIndexHeader'
    import CommonFoot from '../components/CommonFoot'
    import CommentInfo from '../components/CommentInfo'

    let article = 0

    export default{
        name: 'NewDetail',
        components: {
            MovieIndexHeader,
            CommonFoot,
            CommentInfo
        }
    }
</script>

<style lang="css" scoped>
    .container{
        width: 100%;
        margin: 0 auto;
    }
    .contentMain{
        padding-top: 150px;
    }
    .contentText{
        font-size: 15px;
        padding-top: 20px;
    }
</style>